<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商城项目</title>
    <link rel="stylesheet" href="./CSS/index.css">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script type="text/javascript" src="./JS/index.js"></script>
</head>
<body>
    <div class="header">
        <div class="wrapper">
            <ul>
                <li>小米商城</li>
                <li>MIUI</li>
                <li>LOT</li>
                <li>小米商城</li>
                <li>小米商城</li>
                <li>小米商城</li>
                <li>小米商城</li>
                <li>小米商城</li>
                <li>小米商城</li>
                <li>小米商城</li>
                <li>小米商城</li>
                <li>小米商城</li>
                <li>登录</li>
                <li>注册</li>
                <li>消息通知</li>
                <li><span></span>购物车(0)</li>
            </ul>
            
        </div>
    </div>
    <div class="nav">
        <div class="wrapper">
            <img src="./image/logo-mi2.png">
            <div class="right">
                <ul>
                    <li><a href="javascript:;">小米手机</a></li>
                    <li><a href="#">红米</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">笔记本</a></li>
                    <li><a href="#">平板</a></li>
                    <li><a href="#">家电</a></li>
                    <li><a href="#">路由器</a></li>
                    <li><a href="#">服务</a></li>
                    <li><a href="#">社区</a></li>
                    <li><input type="text" placeholder="来搜一搜吧"><a href="#"><img src="./image/放大镜.png"></a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="concent">
        <div class="wrapper">
            <div class="left">
                <ul>
                    <li>手机<span>></span></li>
                    <li>手机<span>></span></li>
                    <li>手机<span>></span></li>
                    <li>手机<span>></span></li>
                    <li>手机<span>></span></li>
                    <li>手机<span>></span></li>
                    <li>手机<span>></span></li>
                    <li>手机<span>></span></li>
                    <li>手机<span>></span></li>
                </ul>
            </div>
            <div class="bigbox">
                <div class="imgbox">
                    <ul>
                        <li><a href="#"><img src="./image/b158441e01e7acd9ad27a49bbac4c0fa.jpg"></a></li>
                        <li><a href="#"><img src="./image/1e69f9bc504d70357bc58974cc1e7a05.png"></a></li>
                        <li><a href="#"><img src="./image/9c98d4ee217c03042cdaaef7226ffd37.jpg"></a></li>
                        <li><a href="#"><img src="./image/b717c9c84e44409496e993ed6b526c05.jpg"></a></li>
                        <li><a href="#"><img src="./image/9721d9d8b6ee711d975c93b34f6a95ca.png"></a></li>
                        <!-- <li><a href="#"><img src="./image/b158441e01e7acd9ad27a49bbac4c0fa.jpg"></a></li> -->
                    </ul>
                </div>
                    <ol class="bar">
                        <li class="active"></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ol>
                    <div class="zuo"></div>
                    <div class="you"></div>
            </div>
            
        </div>
    </div>
</body>
</html>